body{
    font-family: sans-serif;

}

/*Left Box*/
    .box-area{
    width: 930px;
}

/*Register/Lebar box*/
.mybox-area{
    width: 700px;
    
}
/*Right Box*/
.right-box{
    padding: 40px 30px 40px 40px;
}
/*custome placeholder*/
::placeholder{
    font-size: 16px;
}

/*Login/background left box*/
.mybackground{
    background-color:#2243B6;
    
}

/*Login/image left box*/
.myimage{
    width:340px;
    
}

/*Login Container*/
.myrow{
    width: 930px;
}

/*Login/right box/Sistem Pengurusan Tugasan Pasukan DDZ*/
.mystyle{
    font-weight: bold;
    color: #2243B6;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    

  
}

/*For small screens*/
@media only screen and (max-width: 768px){
    .box-area{
        margin: 10px;
    }
    .mybox-area{
        margin: 10px;
    }
    .left-box{
        height: 200px;
        overflow: hidden;
    }
    .right-box{
        padding: 20px;
        
        
    }

}